<template >
  <div class="vis" :loading="loading">
    <Card dis-hover>
      <Row>
        <!-- <transition name="fade"> -->
        <i-Col span="5" class="vis-left" v-show="shows">
          <p style="margin: 7px 0px 0px 0px">
            <span class="left-title">选择分析板块</span>
            <Divider />
          </p>
          <div class="vis-list">
            <i-button class="set-btn" shape="circle"
              ><span
                ><i class="ivu-icon ivu-icon-ios-settings"></i
                >分析板块管理</span
              ></i-button
            >
            <div class="vis-btns">
              <i-button
                class="vis-btns-each"
                v-for="(item, index) in datalist"
                :key="index"
                :class="{ active: cur == item.cur }"
                @click="changeBtn(item)"
                >{{ item.title }}</i-button
              >
            </div>
          </div>
        </i-Col>
        <i-Col span="16" class="vis-righ" v-if="middle">
          <a @click="shows = !shows" type="primary" size="small"
            ><Icon type="md-menu" style="font-size: 26px"
          /></a>
          <Row :gutter="16" type="flex" justify="start" class="dr-search">
            <i-Col span="2.5">
              <Select
                ref="select"
                class="col-style"
                v-model="searchdata.orgname"
                filterable
                multiple
                :loading="loading1"
                placeholder="请输入英文机构名称"
              >
                <!-- :max-tag-count="5" -->
                <!-- :remote-method="remoteMethod" -->
                <Option
                  v-for="(val, key, index) in orgnameList"
                  :value="key"
                  :key="index"
                  >{{ val }}</Option
                >
              </Select>
            </i-Col>
            <!-- H++ 走势 单选 -->
            <i-Col span="2.5" v-if="showYear">
              <div class="col-style">
                <Select
                  v-model="searchdata.year"
                  clearable
                  placeholder="请选择年份"
                >
                  <Option
                    v-for="item in yearList"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <i-Col span="2.5" v-if="showYears">
              <div class="col-style">
                <Select
                  v-model="searchdata.list"
                  clearable
                  placeholder="请选择年份"
                >
                  <Option
                    v-for="item in yearLists"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <i-Col span="2.5" v-if="showTlf">
              <div class="col-style">
                <Select
                  v-model="searchdata.arrange"
                  clearable
                  placeholder="请选择层次"
                >
                  <Option
                    v-for="item in arrangeList"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <i-Col span="5">
              <div class="line-style">
                <Button type="primary" @click="getDatalist">确认</Button>
                <Button
                  type="primary"
                  v-if="exportNumsShow"
                  class="vis-export"
                  @click="exportDataNums"
                  >导出</Button
                >
                <Button
                  type="primary"
                  v-if="exportEvalShow"
                  class="vis-export"
                  @click="exportDataEval"
                  >导出</Button
                >
              </div>
            </i-Col>
          </Row>
          <Row style="margin-top: 30px" class="demo-spin-col">
            <!-- <Spin fix>
                    <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
                    <div>Loading</div>
                </Spin> -->
            <!-- 国内人才与美国合作超过50次人才名单 -->
            <Table
              size="small"
              v-show="numberShow"
              :columns="talentsColumns"
              :data="NumData"
              :loading="loading"
            ></Table>
            <Table
              size="small"
              v-show="evaluateShow"
              :columns="evaluateColumns"
              :data="evaluateData"
              :loading="loading"
            ></Table>
            <!-- 学科多维度对比 wDXueKeData-->
            <chart-radar
              v-if="xKWDshow"
              :value="wDXueKeData"
              style="height: 650px"
              :text="XKWDtext"
              :indicator="xData"
              :loading="loading"
            ></chart-radar>
            <!-- H++ 指数分析 chart_bar_data2-->
            <chart-bar
              v-if="hNshow"
              :value="chart_bar_data1"
              style="height: 650px"
              :barWidth="HbarWidth"
              :text="hNumbertext"
              :rotate="hNumberRotate"
              :loading="loading"
            ></chart-bar>
            <!-- H++ 指数5年趋势 chart_bar_data7 -->
            <chart-line
              v-if="Hnum5"
              :value="chart_bar_data7"
              style="height: 650px"
              :text="Hnum5text"
              :loading="loading"
            ></chart-line>
            <!-- CA+ 指数5年趋势分析 chart_bar_data6-->
            <chart-line
              v-if="Ca5"
              :value="chart_bar_data6"
              style="height: 650px"
              :text="CA5text"
              :loading="loading"
            ></chart-line>
            <!-- CA指数分析  chart_bar_data3-->
            <chart-bar
              v-if="CAShow"
              :value="chart_bar_data3"
              style="height: 650px"
              :text="CAtext"
              :loading="loading"
              :rotate="CARotate"
              :barWidth="CAbarWidth"
              :color="['#95c8ec']"
            ></chart-bar>
            <!-- G指数分析 chart_bar_data2-->
            <chart-bar
              v-if="GShow"
              :value="chart_bar_data2"
              style="height: 650px"
              :text="Gtext"
              :rotate="gRotate"
              :barWidth="gbarWidth"
              :loading="loading"
              :color="['#95c8ec']"
            ></chart-bar>
            <!-- G指数5年趋势 chart_bar_data8-->
            <chart-line
              v-if="Gh5"
              :value="chart_bar_data8"
              style="height: 650px"
              :text="Gh5text"
              :loading="loading"
            ></chart-line>
            <!-- 国际专利 学科人才转化能力 chart_bar_data4-->
            <chart-bar
              v-if="GuoShow"
              :value="chart_bar_data4"
              style="height: 650px"
              :text="GuoNumbertext"
              :rotate="GuoRotate"
              :color="['#0070c0']"
              :barWidth="GuobarWidth"
              :loading="loading"
            ></chart-bar>
            <!-- 各校学科人才平均数字画像分及排序 chart_bar_data9 -->
            <charty-bar
              v-if="Portray"
              :value="chart_bar_data9"
              style="height: 650px"
              :text="Portraytext"
              :barWidth="hxbarWidth"
              :rotate="HxRotate"
              :loading="loading"
            ></charty-bar>
            <!-- 学科人才机构 -->
            <sanjiao-chart-bar
              v-if="XueKe"
              style="height: 650px"
              :text="XueKetext"
              :value="chart_bar_data10"
              :xData="xData10"
              :loading="loading"
              :position="position"
            ></sanjiao-chart-bar>
            <!-- 学科人才转化能力（专利转化所在国家对比）chart_bar_data11  -->
            <chart-piem
              v-if="subTelent"
              :text="XueKeNLtext"
              :value="chart_bar_data11"
              :loading="loading"
              style="height: 650px"
            ></chart-piem>
            <!-- 不同层次人才咋学术论文方面的贡献 chart_bar_data13 -->
            <chart-barstack
              v-if="papers"
              :xData="titleData13"
              :value="chart_bar_data13"
              :text="papersText"
              :legendList="legendData13"
              :barWidth="bar13"
              :loading="loading"
              :rotate="rotate13"
              style="height: 650px"
            ></chart-barstack>
            <!-- 不同层次人才在专利方面的贡献 chart_bar_data12-->
            <chart-barstack
              v-if="telentZl"
              :xData="titleData12"
              :value="chart_bar_data12"
              :legendList="legendData12"
              :rotate="rotate12"
              :loading="loading"
              :barWidth="bar12"
              :text="TelentZLtext"
              style="height: 650px"
            ></chart-barstack>
            <!-- 国内外引进人才在学术论文方面的贡献 chart_bar_data15-->
            <chart-barstack
              v-if="academic"
              :xData="titleData15"
              :value="chart_bar_data15"
              :rotate="rotate15"
              :text="academicText"
              :legendList="legendData15"
              :barWidth="bar15"
              :loading="loading"
              style="height: 650px"
            ></chart-barstack>
            <!-- 国内外引进人才在专利方面的贡献对比 chart_bar_data16-->
            <chart-barstack
              v-if="bring_patent"
              :xData="titleData16"
              :value="chart_bar_data16"
              :rotate="rotate16"
              :barWidth="bar16"
              :text="patentText"
              style="height: 650px"
              :legendList="legendData16"
              :loading="loading"
            ></chart-barstack>
          </Row>
        </i-Col>
        <i-Col span="13" v-if="growth" class="vis-righ">
          <Row :gutter="16">
            <i-Col span="6">
              <Select
                ref="select"
                class="col-style1"
                v-model="growthSearch.org_name"
                filterable
                multiple
                :loading="loading1"
                :remote-method="remoteMethod"
                placeholder="请输入英文机构名称"
              >
                <!-- :max-tag-count="5" -->
                <Option
                  v-for="(val, key, index) in orgnameList"
                  :value="key"
                  :key="index"
                  >{{ val }}</Option
                >
              </Select>
            </i-Col>
            <i-Col span="6">
              <div class="col-style1">
                <Select
                  v-model="growthSearch.year"
                  clearable
                  placeholder="请选择年份"
                >
                  <Option
                    v-for="item in yearLists"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <i-Col span="6">
              <div class="col-style1">
                <Select
                  v-model="growthSearch.gradation"
                  clearable
                  placeholder="请选择层次"
                >
                  <Option
                    v-for="item in arrangeLists"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <!-- <i-Col span="5">
              <div class="col-style1">
                <Select
                  v-model="growthSearch.yj_type"
                  clearable
                  placeholder="请选择引进类型"
                >
                  <Option
                    v-for="item in ImportList"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col> -->
            <i-Col span="5">
              <Button type="primary" @click="getDatalist">确认</Button>
            </i-Col>
          </Row>
          <Row style="margin-top: 50px" class="demo-spin-col">
            <!-- 引进人才个人成长变化图 -->
            <chart-line
              v-if="growths"
              :value="chart_bar_data14"
              :loading="loading"
              style="height: 650px"
              :text="growthtext"
            ></chart-line>
            <div
              v-show="svgShow"
              style="height: 500px; text-align: center; margin: 0 auto"
            >
              <svg
                class="svgs"
                viewBox="0 0 122 104"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                encoding="UTF-8"
              >
                <!-- Generator: Sketch 55 (78076) - https://sketchapp.com -->
                <title>暂无内容</title>
                <desc>Created with Sketch.</desc>
                <g
                  id="Page-1"
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <g
                    id="空白页"
                    transform="translate(-656.000000, -664.000000)"
                  >
                    <g
                      id="暂无内容"
                      transform="translate(656.000000, 664.000000)"
                    >
                      <g id="分组-4">
                        <g id="背景/线" fill="#C3CBD6">
                          <g id="-">
                            <g
                              id="编组"
                              transform="translate(14.200000, 9.200000)"
                              fill-rule="nonzero"
                            >
                              <path
                                d="M0.8,73.1 C0.3581722,73.1 -5.68434189e-14,72.7418278 -5.68434189e-14,72.3 C-5.68434189e-14,71.8581722 0.3581722,71.5 0.8,71.5 L70.8,71.5 C71.2418278,71.5 71.6,71.8581722 71.6,72.3 C71.6,72.7418278 71.2418278,73.1 70.8,73.1 L0.8,73.1 Z M74.8,73.1 C74.3581722,73.1 74,72.7418278 74,72.3 C74,71.8581722 74.3581722,71.5 74.8,71.5 L77.3,71.5 C77.7418278,71.5 78.1,71.8581722 78.1,72.3 C78.1,72.7418278 77.7418278,73.1 77.3,73.1 L74.8,73.1 Z M83.8,73.1 C83.3581722,73.1 83,72.7418278 83,72.3 C83,71.8581722 83.3581722,71.5 83.8,71.5 L92.8,71.5 C93.2418278,71.5 93.6,71.8581722 93.6,72.3 C93.6,72.7418278 93.2418278,73.1 92.8,73.1 L83.8,73.1 Z M23.8,80.6 C23.3581722,80.6 23,80.2418278 23,79.8 C23,79.3581722 23.3581722,79 23.8,79 L30.8,79 C31.2418278,79 31.6,79.3581722 31.6,79.8 C31.6,80.2418278 31.2418278,80.6 30.8,80.6 L23.8,80.6 Z M35.3,80.6 C34.8581722,80.6 34.5,80.2418278 34.5,79.8 C34.5,79.3581722 34.8581722,79 35.3,79 L65.8,79 C66.2418278,79 66.6,79.3581722 66.6,79.8 C66.6,80.2418278 66.2418278,80.6 65.8,80.6 L35.3,80.6 Z M80,52.8 C80,51.7333333 81.6,51.7333333 81.6,52.8 L81.6,55.8 C81.6,56.2418278 81.2418278,56.6 80.8,56.6 L77.8,56.6 C76.7333333,56.6 76.7333333,55 77.8,55 L80,55 L80,52.8 Z M81.6,58.8 C81.6,59.8666667 80,59.8666667 80,58.8 L80,55.8 C80,55.3581722 80.3581722,55 80.8,55 L83.8,55 C84.8666667,55 84.8666667,56.6 83.8,56.6 L81.6,56.6 L81.6,58.8 Z M4,28.8 C4,27.7333333 5.6,27.7333333 5.6,28.8 L5.6,31.8 C5.6,32.2418278 5.2418278,32.6 4.8,32.6 L1.8,32.6 C0.733333333,32.6 0.733333333,31 1.8,31 L4,31 L4,28.8 Z M78.1,3.5 L80.8,3.5 C81.8666667,3.5 81.8666667,5.1 80.8,5.1 L78.1,5.1 L78.1,7.8 C78.1,8.86666667 76.5,8.86666667 76.5,7.8 L76.5,5.1 L73.8,5.1 C72.7333333,5.1 72.7333333,3.5 73.8,3.5 L76.5,3.5 L76.5,0.8 C76.5,-0.266666667 78.1,-0.266666667 78.1,0.8 L78.1,3.5 Z M5.6,34.8 C5.6,35.8666667 4,35.8666667 4,34.8 L4,31.8 C4,31.3581722 4.3581722,31 4.8,31 L7.8,31 C8.86666667,31 8.86666667,32.6 7.8,32.6 L5.6,32.6 L5.6,34.8 Z"
                                id="Path-2"
                              ></path>
                              <path
                                d="M14.0928932,61.1431458 C14.5642977,60.6717412 15.2714045,61.378848 14.8,61.8502525 L13.7393398,62.9109127 C13.5440777,63.1061748 13.2274952,63.1061748 13.032233,62.9109127 L11.9715729,61.8502525 C11.5001684,61.378848 12.2072751,60.6717412 12.6786797,61.1431458 L13.3857864,61.8502525 L14.0928932,61.1431458 Z M12.6786797,63.9715729 C12.2072751,64.4429774 11.5001684,63.7358706 11.9715729,63.2644661 L13.032233,62.2038059 C13.2274952,62.0085438 13.5440777,62.0085438 13.7393398,62.2038059 L14.8,63.2644661 C15.2714045,63.7358706 14.5642977,64.4429774 14.0928932,63.9715729 L13.3857864,63.2644661 L12.6786797,63.9715729 Z M22.9213203,8.8 C23.3927249,8.32859548 24.0998316,9.03570226 23.6284271,9.50710678 L22.567767,10.567767 C22.3725048,10.7630291 22.0559223,10.7630291 21.8606602,10.567767 L20.8,9.50710678 C20.3285955,9.03570226 21.0357023,8.32859548 21.5071068,8.8 L22.2142136,9.50710678 L22.9213203,8.8 Z M21.5071068,11.6284271 C21.0357023,12.0998316 20.3285955,11.3927249 20.8,10.9213203 L21.8606602,9.86066017 C22.0559223,9.66539803 22.3725048,9.66539803 22.567767,9.86066017 L23.6284271,10.9213203 C24.0998316,11.3927249 23.3927249,12.0998316 22.9213203,11.6284271 L22.2142136,10.9213203 L21.5071068,11.6284271 Z"
                                id="Path复制"
                              ></path>
                            </g>
                          </g>
                        </g>
                        <g
                          id="Group-6"
                          transform="translate(42.000000, 31.000000)"
                        >
                          <path
                            d="M3,4 L35,4 C36.6568542,4 38,5.34314575 38,7 L38,40 C38,41.6568542 36.6568542,43 35,43 L3,43 C1.34314575,43 2.02906125e-16,41.6568542 0,40 L0,7 C-2.02906125e-16,5.34314575 1.34314575,4 3,4 Z"
                            id="矩形"
                            stroke="#C3CBD6"
                            stroke-width="1.6"
                            fill="#FFFFFF"
                          ></path>
                          <path
                            d="M15,2 C16.4174805,2 16.8954305,2.02906125e-16 18,0 L20,0 C21.1045695,-2.02906125e-16 21.7387695,2 23,2 C23.8408203,2 24.8408203,2 26,2 C27.1045695,2 28,2.8954305 28,4 L28,5 C28,6.1045695 27.1045695,7 26,7 L12,7 C10.8954305,7 10,6.1045695 10,5 L10,4 C10,2.8954305 10.8954305,2 12,2 C13.055013,2 14.055013,2 15,2 Z"
                            id="路径"
                            stroke="#C3CBD6"
                            stroke-width="1.6"
                            fill="#F5F7F9"
                          ></path>
                          <path
                            d="M13.4542125,13.4239785 L13.4542125,18.3586731 L13.4542125,13.4239785 Z M22.5805173,18.7015396 L18.650796,21.8070435 L22.5805173,18.7015396 Z M25.7751015,28.6475524 L20.8480956,27.5374876 L25.7751015,28.6475524 Z"
                            id="路径-7"
                            stroke="#C3CAD7"
                            stroke-width="2"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            transform="translate(19.000000, 22.000000) rotate(-52.000000) translate(-19.000000, -22.000000) "
                          ></path>
                        </g>
                      </g>
                    </g>
                  </g>
                </g>
              </svg>
              <p
                style="
                  font-size: 14px;
                  color: rgb(195, 203, 214);
                  margin: -40px 0 0 -50px;
                "
              >
                请选择表格中数据生成图
              </p>
            </div>
          </Row>
        </i-Col>
        <i-Col span="6" v-if="growth" style="padding: 2%">
          <Row class="gt">
            <Table
              size="small"
              :columns="growthColumes"
              :data="growthData"
              :loading="loading"
              @on-selection-change="selectGrowth"
            ></Table>
            <Button style="margin: 20px" type="primary" @click="generate"
              >生成图</Button
            >
          </Row>
        </i-Col>
        <!-- 抽屉 学科维度 xData-->
        <Drawer
          :mask="false"
          :closable="false"
          v-model="drawers"
          :transfer="false"
          :inner="true"
          :draggable="true"
          class="drawers"
        >
          <Form label-position="top" class="inputs" v-if="xKWDshow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="XKWDtext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem v-for="(item, index) in wDXueKeData.yData" :key="index">
                <Input v-model="item.name"></Input>
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">最大数值</Divider>
              <FormItem
                v-if="xData"
                :label="item.name"
                v-for="(item, index) in xData"
                :key="index"
              >
                <Input v-model="item.max"></Input>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 h++  hNshow chart_bar_data1-->
          <Form label-position="top" class="inputs" v-if="hNshow">
            <Divider orientation="left">H++图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="hNumbertext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data1">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data1"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                    <RadioGroup v-model="item.radios">
                      <Radio label="1">
                        <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                        <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                <Input
                  v-model="hNumberRotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                <Input
                  v-model="HbarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GShow chart_bar_data2-->
          <Form label-position="top" class="inputs" v-if="GShow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="Gtext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data2">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data2"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                    <RadioGroup v-model="item.radios">
                      <Radio label="1">
                        <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                        <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                <Input
                  v-model="gRotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                <Input
                  v-model="gbarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 CA  chart_bar_data3-->
          <Form label-position="top" class="inputs" v-if="CAShow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="CAtext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data3">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data3"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                    <RadioGroup v-model="item.radios">
                      <Radio label="1">
                        <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                        <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                <Input
                  v-model="CARotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                <Input
                  v-model="CAbarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data4 国际专利-->
          <Form label-position="top" class="inputs" v-if="GuoShow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="GuoNumbertext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data4">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data4"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                    <RadioGroup v-model="item.radios">
                      <Radio label="1">
                        <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                        <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                <Input
                  v-model="GuoRotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                <Input
                  v-model="GuobarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data6 CA++ 5年走势图表信息  Ca5-->
          <Form label-position="top" class="inputs" v-if="Ca5">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="CA5text" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in chart_bar_data6.yData"
                :key="index"
              >
                <RadioGroup v-model="item.radios">
                  <Radio label="1">
                    <span>标记</span>
                  </Radio>
                  <Radio label="0">
                    <span>不标记</span>
                  </Radio>
                </RadioGroup>
                <Input v-model="item.name"></Input>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 Hnum5 chart_bar_data7 H++ 5年图表信息-->
          <Form label-position="top" class="inputs" v-if="Hnum5">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="Hnum5text" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in chart_bar_data7.yData"
                :key="index"
              >
                <Input v-model="item.name"></Input>
                <RadioGroup v-model="item.radios">
                  <Radio label="1">
                    <span>标记</span>
                  </Radio>
                  <Radio label="0">
                    <span>不标记</span>
                  </Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 Gh5 chart_bar_data8 g指数5年走势-->
          <Form label-position="top" class="inputs" v-if="Gh5">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="Gh5text" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in chart_bar_data8.yData"
                :key="index"
                :color="['#0070c0']"
              >
                <Input v-model="item.name"></Input>
                <RadioGroup v-model="item.radios">
                  <Radio label="1">
                    <span>标记</span>
                  </Radio>
                  <Radio label="0">
                    <span>不标记</span>
                  </Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 Portray chart_bar_data9 数字画像分-->
          <Form label-position="top" class="inputs" v-if="Portray">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="Portraytext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data9">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data9"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                <Input
                  v-model="HxRotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                <Input
                  v-model="hxbarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 XueKe 学科人才机构对比 chart_bar_data10-->
          <Form label-position="top" class="inputs" v-if="XueKe">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="XueKetext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data10">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data10"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">中间值显示位置</Divider>
              top,insideTop,inside,insideLeft,insideRight
              <FormItem>
                <Input v-model="position" />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data11 学科人才转化能力（专利转化所在国家对比）-->
          <Form label-position="top" class="inputs" v-if="subTelent">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="XueKeNLtext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data11.series">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data11.series"
                    :key="index"
                  >
                    <Input v-model="item.text"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
          </Form>
          <!-- 抽屉 telentZl chart_bar_data12 不同层次人才在专利方面的贡献-->
          <Form label-position="top" class="inputs" v-show="telentZl">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="TelentZLtext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data12">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data12"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
            <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
              <Input v-model="bar12" />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
            <FormItem>
              <Input v-model="rotate12" />
            </FormItem>
          </Form>
          <!-- 抽屉 papers chart_bar_data13 不同层次人才在学术论文方面的贡献-->
          <Form label-position="top" class="inputs" v-if="papers">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="papersText" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data13">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data13"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
            <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
              <Input v-model="bar13" placeholder="请输入机构名角度(0-360)" />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
            <FormItem>
              <Input v-model="rotate13" />
            </FormItem>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data15 国内外引进人才在学术论文方面的贡献-->
          <Form label-position="top" class="inputs" v-if="academic">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="academicText" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data15">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data15"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
            <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
              <Input v-model="bar15" placeholder="请输入机构名角度(0-360)" />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
            <FormItem>
              <Input v-model="rotate15" />
            </FormItem>
          </Form>
          <!-- 抽屉 bring_patent chart_bar_data16 国内外引进人才专利方面贡献-->
          <Form label-position="top" class="inputs" v-if="bring_patent">
            <Divider orientation="left">图表名称</Divider>
            <FormItem>
              <Input v-model="patentText" placeholder="请输入图表名称" />
            </FormItem>
            <Divider orientation="left">机构名称</Divider>
            <draggable v-model="chart_bar_data16">
              <transition-group>
                <FormItem
                  v-for="(item, index) in chart_bar_data16"
                  :key="index"
                >
                  <Input v-model="item.name"></Input>
                </FormItem>
              </transition-group>
            </draggable>
            <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
              <Input v-model="bar16" />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
            <FormItem>
              <Input v-model="rotate16" />
            </FormItem>
          </Form>
        </Drawer>
        <Drawer
          title="引进人才个人成长"
          :mask="false"
          :closable="true"
          v-model="growthshow"
          :transfer="false"
          :inner="true"
          :draggable="true"
          class="drawers"
        >
          <!-- 抽屉  growthData: false, // 引进人才个人成长变化对比分析-->
          <Form>
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input v-model="growthtext" placeholder="请输入图表名称" />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in grouth_bar_data.yData"
                :key="index"
              >
                <Input v-model="item.name"></Input>
                <RadioGroup v-model="item.radios">
                  <Radio label="1">
                    <span>标记</span>
                  </Radio>
                  <Radio label="0">
                    <span>不标记</span>
                  </Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </Form>
        </Drawer>
      </Row>
    </Card>

    <Modal v-model="coorModel" draggable scrollable title="合著者列表">
      <Table
        size="small"
        :columns="coorTable"
        :data="coorData"
        :loading="loading"
      ></Table>
    </Modal>
  </div>
</template>
<script>
import echarts from "echarts";
// import siderTrigger from '@/components/main/components/header-bar/sider-trigger'
import tdTheme from "./charts/theme.json";
import { on, off } from "@/libs/tools";
import draggable from "vuedraggable";
// import {
//   getOrgname,
//   hNumber,
//   guojiNumber,
//   getSubjectPortray,
//   subDuoVs,
//   hnumbers,
//   gnumber,
//   canumBer,
//   PatentContribution,
//   canumBers,
//   gnumbers,
//   difTelentPaper,
//   getAcademicPapers,
//   peopleChange,
//   getPersonalGrowth,
//   getusanumberTables,
//   evaluate,
//   exportNums,
//   evaluateExport,
//   subVs,
//   xueZhuan, // 学科转化能力
//   coopAuthor
// } from '@/api/getcharts'
import {
  ChartBar,
  ChartRadar,
  ChartLine,
  ChartyBar,
  SanjiaoChartBar,
  ChartBarstack,
  ChartPiem,
} from "./charts/index";
// import triggerVue from '../../components/split-pane/trigger.vue'
// echarts.registerTheme('tdTheme', tdTheme)
export default {
  name: "visualize",
  components: {
    ChartBar,
    ChartRadar,
    ChartLine,
    ChartyBar,
    SanjiaoChartBar,
    ChartBarstack,
    ChartPiem,
    draggable,
    // siderTrigger
  },
  data() {
    return {
      position: "inside",
      showTlf: true, // 层次显示
      svgShow: true,
      NoneShow: false,
      drawers: true,
      growthshow: false,
      growths: false,
      exportEvalShow: false,
      middle: true,
      shows: true,
      collapsed: false,
      dom: null,
      loading: false,
      pageShow: false,
      showYear: true, // year单选
      showYears: false, // years多选
      exportNumsShow: false, // 导出按钮
      xKWDshow: false, // 学科维度
      XueKe: false, // 学科人才机构
      CAShow: false, // CA+指数分析
      Ca5: false, // CA+ 5年指数分析
      hNshow: false, // H++走势用
      Hnum5: false, // H++ 5年走势用
      GShow: false, // G走势用
      Gh5: false, // G指数5年
      bring_patent: false, // 国内外引进人才在人才专利面的贡献对比图
      numberShow: false, // 国内人才与美国合作超过50词人才名单
      evaluateShow: false, // 国内人才自身与合作者的非学术评价
      // arrangeShow:false,  // 层次选择  选择框
      Portray: false, // 各校学科人才平均数字画像分及排序
      papers: false, // 不同层次人才在学术论文方面的贡献
      telentZl: false, // 不同层次人才在专利方面的贡献
      growth: false, // 引进人才个人成长变化对比分析
      academic: false, // 国内外引进人才在学术论文方面的贡献对比图
      subTelent: false, // 学科人才转化能力（专利转化所在国家对比）
      GuoShow: false, // 学科人才转化能力（国际专利绝对数量对比）
      hNumbertext: "H++指数示例图",
      hNumberRotate: "0",
      CARotate: "0",
      gRotate: "0",
      GuoRotate: "0",
      CAbarWidth: "30",
      HxRotate: "0",
      hxbarWidth: "30",
      HbarWidth: "30",
      gbarWidth: "30",
      GuobarWidth: "30",
      bar12: "60",
      bar13: "60",
      bar15: "60",
      bar16: "60",
      rotate12: "90",
      rotate13: "90",
      rotate15: "90",
      rotate16: "90",
      GuoNumbertext: "国际专利转化示例图",
      CAtext: "CA+指数示例图",
      CA5text: "CA+ 5年指数分析示例图",
      Gtext: "G指数示例图",
      XKWDtext: "学科维度示例图",
      Hnum5text: "H++指数5年示例图",
      Gh5text: "G指数5年示例图",
      Portraytext: "各校学科人才平均数字画像分及排序示例图",
      XueKetext: "学科人才机构对比示例图",
      XueKeNLtext: "学科人才转化能力(专利转化所在国家对比)",
      TelentZLtext: "不同层次人才在专利转化方面的贡献",
      papersText: "不同层次人才在学术论文方面的贡献",
      growthtext: "引进人才个人成长变化对比分析",
      academicText: "国内外引进人才在学术论文方面的贡献对比图",
      patentText: "国内外引进人才在专利方面的贡献对比图",
      legend: [],
      grouth_bar_data: {},
      growthSearch: {
        yj_type: "", // 引进类型 1国内 2国外
        org_name: "", // 机构名
        // year: '',
        year: [["2015", "2016", "2017", "2018", "2019"]],
        gradation: "", // 1前1%；15 85
      },
      chart_bar_data1: [
        { name: "大学1", value: "2.21", radios: "1" },
        { name: "大学2", value: "8.21", radios: "1" },
        { name: "大学3", value: "12.21", radios: "1" },
      ], // H++
      chart_bar_data2: [
        { name: "大学1", value: "2.21", radios: "1" },
        { name: "大学2", value: "8.21", radios: "1" },
        { name: "大学3", value: "12.21", radios: "1" },
      ], // g指数
      chart_bar_data3: [
        { name: "大学1", value: "2.21", radios: "1" },
        { name: "大学2", value: "8.21", radios: "1" },
        { name: "大学3", value: "12.21", radios: "1" },
        { name: "大学4", value: "13.21", radios: "1" },
        { name: "大学5", value: "14.21", radios: "1" },
        { name: "大学6", value: "15.21", radios: "1" },
      ], // ca指数
      chart_bar_data4: [
        { name: "大学1", value: "2.21", radios: "1" },
        { name: "大学2", value: "8.21", radios: "1" },
        { name: "大学3", value: "12.21", radios: "1" },
      ], // 国际专利
      chart_bar_data9: [
        // 数字画像分
        { name: "大学1", value: "2.21" },
        { name: "大学2", value: "8.21" },
        { name: "大学3", value: "12.21" },
      ],
      wDXueKeData: {
        legendData: ["大学1", "大学2", "大学3", "大学4", "大学5"],
        yData: [
          {
            value: [0, 0, 0, 1.11, 0.74, 4.45],
            name: "大学1",
          },
          {
            value: [0.1, 0.11, 0.13, 3.84, 2.56, 10.24],
            name: "大学2",
          },
          {
            value: [7.91, 0.07, 1.58, 2.38, 0, 0],
            name: "大学3",
          },
          {
            value: [0.03, 0, 0.12, 3.5, 2.34, 18.76],
            name: "大学4",
          },
          {
            value: [0, 0, 0, 2.2, 1.47, 4.67],
            name: "大学5",
          },
        ],
      },
      xData: [
        { name: "研究实力", max: 7.91 * 1.1 },
        { name: "转化能力", max: 0.11 * 1.1 },
        { name: "学术会议影响", max: 1.58 * 1.1 },
        { name: "研究趋势匹配", max: 3.84 * 1.1 },
        { name: "研究内容热度", max: 2.56 * 1.1 },
        { name: "合作者影响", max: 18.76 * 1.1 },
      ],
      chart_bar_data6: {
        legend: ["大学1", "大学2", "大学3", "大学4", "大学5"],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: "大学1",
            radios: "0",
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: "大学2",
            radios: "0",
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: "大学3",
            radios: "0",
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: "大学4",
            radios: "0",
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: "大学5",
            radios: "0",
          },
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020],
      },
      chart_bar_data7: {
        legend: ["大学1", "大学2", "大学3", "大学4", "大学5"],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: "大学1",
            radios: "0",
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: "大学2",
            radios: "0",
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: "大学3",
            radios: "0",
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: "大学4",
            radios: "0",
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: "大学5",
            radios: "0",
          },
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020],
      },
      chart_bar_data8: {
        legend: ["大学1", "大学2", "大学3", "大学4", "大学5"],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: "大学1",
            radios: "0",
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: "大学2",
            radios: "0",
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: "大学3",
            radios: "0",
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: "大学4",
            radios: "0",
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: "大学5",
            radios: "0",
          },
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020],
      },
      chart_bar_data10: [
        { name: "复旦大学", value: [5, 25, 30] },
        {
          name: "清华大学",
          value: [4, 10, 13],
        },
      ],
      xData10: { 大学1: "大学1", 大学2: "大学2", 大学3: "大学3" },
      chart_bar_data11: {
        series: [
          {
            text: "大学一",
            data: [
              { value: 335, name: "EP", selected: true },
              { value: 679, name: "WO" },
            ],
          },
          {
            text: "大学二",
            data: [
              { value: 335, name: "KR", selected: true },
              { value: 679, name: "EP" },
              { value: 1548, name: "WO" },
            ],
          },
          {
            text: "大学三",
            data: [
              { value: 335, name: "EP", selected: true },
              { value: 679, name: "KR" },
              {
                value: 18,
                name: "US",
                labelLine: { show: true },
                label: { position: "outer" },
              },
              {
                value: 18,
                name: "WO",
                labelLine: { show: true },
                label: { position: "outer" },
              },
              { value: 148, name: "JP" },
              // , labelLine:{show:true},label:{position:'outer'}
            ],
          },
        ],
      },
      chart_bar_data12: [],
      titleData12: [],
      legendData12: ["后85%", "前15%", "前1%"],
      chart_bar_data13: [],
      titleData13: [],
      legendData13: ["后85%", "前15%", "前1%"],
      chart_bar_data14: {
        legend: ["大学1", "大学2", "大学3", "大学4", "大学5"],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: "大学1",
            radios: "0",
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: "大学2",
            radios: "0",
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: "大学3",
            radios: "0",
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: "大学4",
            radios: "0",
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: "大学5",
            radios: "0",
          },
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020],
      },
      chart_bar_data15: [],
      titleData15: [],
      titleData16: [],
      legendData15: ["本土学者", "国内引进", "国外引进"],
      chart_bar_data16: [],
      legendData16: ["本土学者", "国内引进", "国外引进"],
      BntTitle: "学科多维度对比",
      cur: 0,
      loading1: true,
      modal: false,
      searchdata: {
        orgname: "",
        year: "",
        name: "H++指数分析",
        years: [],
        list: "",
        arrange: null,
      },
      orgnameList: [],
      yearList: [
        {
          value: "2015",
          label: "2015年",
        },
        {
          value: "2016",
          label: "2016年",
        },
        {
          value: "2017",
          label: "2017年",
        },
        {
          value: "2018",
          label: "2018年",
        },
        {
          value: "2019",
          label: "2019年",
        },
      ],
      yearLists: [{ value: 0, label: "2015年-2019年" }],
      year: [["2015", "2016", "2017", "2018", "2019"]],
      _year: [{ 0: 2015, 1: 2016, 2: 2017, 3: 2018, 4: 2019 }],
      datalist: [
        {
          title: "学科多维度对比",
          cur: 0,
        },
        {
          title: "学科人才机构对比",
          cur: 1,
        },
        {
          title: "H++指数分析",
          cur: 2,
        },
        {
          title: "H++指数五年趋势",
          cur: 3,
        },
        {
          title: "CA+指数分析",
          cur: 4,
        },
        {
          title: "CA+指数五年趋势分析",
          cur: 5,
        },
        {
          title: "G指数分析",
          cur: 6,
        },
        {
          title: "G指数五年趋势",
          cur: 7,
        },
        {
          title: "国内外引进人才在专利方面的贡献对比",
          cur: 8,
        },
        {
          title: "国内人才与美国合作超过50次人才名单",
          cur: 9,
        },
        {
          title: "国内人才自身与合作者的非学术评价",
          cur: 10,
        },
        {
          title: "各校学科人才平均数字画像分及排序",
          cur: 11,
        },
        {
          title: "不同层次人才在学术论文方面的贡献",
          cur: 12,
        },
        {
          title: "不同层次人才在专利转化方面的贡献",
          cur: 13,
        },
        {
          title: "引进人才个人成长变化对比分析",
          cur: 14,
        },
        // {
        //   title: "引进人才在本校的团队合作情况对比分析",
        //   cur: 15,
        // },
        {
          title: "国内外引进人才在学术论文方面的贡献对比",
          cur: 16,
        },
        {
          title: "学科人才转化能力(专利转化所在国家对比)",
          cur: 17,
        },
        {
          title: "学科人才转化能力(国际专利转化绝对数量对比)",
          cur: 18,
        },
      ],
      updateformdata: {
        name: "",
      },
      formRules: {
        name: [{ required: true, message: "必输项不能为空", trigger: "blur" }],
      },
      arrangeList: [
        {
          value: 1,
          label: "前1%",
        },
        {
          value: 2,
          label: "前15%",
        },
        {
          value: 3,
          label: "后85%",
        },
        {
          value: 4,
          label: "前100名",
        },
        {
          value: 5,
          label: "前1000名",
        },
        {
          value: 6,
          label: "前10000名",
        },
      ],
      arrangeLists: [
        {
          value: 1,
          label: "前1%",
        },
        {
          value: 2,
          label: "前1%-15%",
        },
        {
          value: 3,
          label: "前2%-15%",
        },
        {
          value: 4,
          label: "后85%",
        },
        {
          value: 5,
          label: "前100名",
        },
        {
          value: 6,
          label: "前1000名",
        },
        {
          value: 7,
          label: "前10000名",
        },
      ],
      ImportList: [
        {
          value: "1",
          label: "国内引进",
        },
        {
          value: "2",
          label: "国外引进",
        },
      ],
      numberList: [
        {
          value: "大于50",
          label: "大于50",
        },
        {
          value: "小于等于50",
          label: "小于等于50",
        },
        {
          value: "正序",
          label: "正序",
        },
        {
          value: "倒序",
          label: "倒序",
        },
      ],
      coorModel: false,
      coorTable: [
        {
          title: "姓名",
          key: "authorname",
          align: "center",
          render: (h, params) => {
            // console.log(params)
            let details = h(
              "a",
              {
                style: {
                  color: "#2d8cf0",
                },
                on: {
                  click: () => {
                    this.$router.push({
                      name: "wash_talents_details/:id",
                      params: { id: params.row.uid },
                    });
                  },
                },
              },
              params.row.authorname
            );
            return details;
          },
        },
        {
          title: "合作次数",
          key: "cooperation_num",
          align: "center",
        },
      ],
      coorData: [],
      coorDataAll: [],
      talentsColumns: [
        {
          title: "年份",
          key: "year",
          align: "center",
        },
        {
          title: "姓名",
          key: "authorname",
          align: "center",
          render: (h, params) => {
            // console.log(params)
            let details = h(
              "a",
              {
                style: {
                  color: "#2d8cf0",
                },
                on: {
                  click: () => {
                    this.$router.push({
                      name: "wash_talents_details/:id",
                      params: { id: params.row.uid },
                    });
                  },
                },
              },
              params.row.authorname
            );
            return details;
          },
        },
        {
          title: "机构名",
          key: "org_name",
          align: "center",
        },
        {
          title: "画像分",
          key: "sum_index",
          align: "center",
        },
        {
          title: "与美国合作次数",
          key: "co_usa_number",
          align: "center",
        },
        {
          title: "查看合作者",
          align: "center",
          render: (h, params) => {
            let check = h(
              "Button",
              {
                props: {
                  type: "text",
                  size: "small",
                },
                style: {
                  color: "#2d8cf0",
                  fontSize: "14px",
                  marginRight: "5px",
                },
                on: {
                  click: () => {
                    let id = params.row.uid;
                    this.getCoopAuthor(id);
                    this.coorModel = true;
                  },
                },
              },
              "查看"
            );
            // return h('div',[check])
            return check;
          },
        },
      ],
      NumData: [],
      evaluateColumns: [
        {
          title: "年份",
          key: "year",
          align: "center",
        },
        {
          title: "姓名",
          key: "authorname",
          align: "center",
          render: (h, params) => {
            // console.log(params)
            let details = h(
              "a",
              {
                style: {
                  color: "#2d8cf0",
                },
                on: {
                  click: () => {
                    console.log(params.row.uid);
                    this.$router.push({
                      name: "wash_talents_details/:id",
                      params: { id: params.row.uid },
                    });
                  },
                },
              },
              params.row.authorname
            );
            return details;
          },
        },
        {
          title: "机构名",
          key: "org_name",
          align: "center",
        },
        {
          title: "年龄",
          key: "age",
          align: "center",
        },
        {
          title: "G指数",
          key: "gindex",
          align: "center",
        },
        {
          title: "CA+指数",
          key: "ra2",
          align: "center",
        },
        {
          title: "H++指数",
          key: "ra",
          align: "center",
        },
        {
          title: "画像分",
          key: "sum_index",
          align: "center",
        },
        // {
        //   title: "系统层次",
        //   key: "rangking",
        //   align: "center",
        // },
        // {
        //   title: "自身非学术评价",
        //   key: "evaluate",
        //   align: "center",
        // },
        // {
        //   title: "合作者非学术评价",
        //   key: "evaluate_all",
        //   align: "center",
        // },
      ],
      growthColumes: [
        { type: "selection", width: 60, align: "center" },
        {
          title: "姓名",
          key: "authorname",
          align: "left",
        },
        {
          title: "机构名",
          key: "org_name",
          align: "left",
        },
      ],
      growthData: [{ authorname: "张三", org_name: "复旦大学" }],
      growthDataAll: [],
      evaluateData: [],
    };
  },
  created() {},
  mounted() {},
  methods: {
    getDatalist() {
      if (this.BntTitle == "学科多维度对比") {
        this.xKWDget();
      }
      if (this.BntTitle == "学科人才机构对比") {
        this.XueKeget();
      }
      if (this.BntTitle == "H++指数分析") {
        this.hNumberRequest();
      }
      if (this.BntTitle == "H++指数五年趋势") {
        this.getHnum5();
      }
      if (this.BntTitle == "CA+指数分析") {
        this.getCa();
      }
      if (this.BntTitle == "CA+指数五年趋势分析") {
        this.getCa5();
      }
      if (this.BntTitle == "G指数分析") {
        this.getG();
      }
      if (this.BntTitle == "G指数五年趋势") {
        this.getGh5();
      }
      if (this.BntTitle == "国内外引进人才在专利方面的贡献对比") {
        this.get_bring_patent();
      }
      if (this.BntTitle == "国内人才与美国合作超过50次人才名单") {
        this.cooperation();
      }
      if (this.BntTitle == "国内人才自身与合作者的非学术评价") {
        this.evaluateGet(); // evaluateData
      }
      if (this.BntTitle == "各校学科人才平均数字画像分及排序") {
        this.getSubjectPortray();
      }
      if (this.BntTitle == "不同层次人才在学术论文方面的贡献") {
        this.getPapers();
      }
      if (this.BntTitle == "不同层次人才在专利转化方面的贡献") {
        this.gettelentZl();
      }
      if (this.BntTitle == "引进人才个人成长变化对比分析") {
        this.growthChange(); // growthData
      }
      // if (this.BntTitle == "引进人才在本校的团队合作情况对比分析") {
      // }
      if (this.BntTitle == "国内外引进人才在学术论文方面的贡献对比") {
        this.academicGet();
      }
      if (this.BntTitle == "学科人才转化能力(专利转化所在国家对比)") {
        this.getsubTelent();
      }
      if (this.BntTitle == "学科人才转化能力(国际专利转化绝对数量对比)") {
        this.guojiNumberRequest();
      }
    },
    changeBtn(item) {
      this.cur = item.cur;
      console.log(item);
      if (item.title == "学科多维度对比") {
        this.growthshow = false; // 个人成长图使用
        this.growths = false; // 个人成长图使用
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYear = true;
        this.middle = true;
        this.showYears = false;
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.xKWDshow = false; // 学科维度
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.svgShow = true;
        this.BntTitle = item.title;
        // this.searchdata = {};
        // this.wDXueKeData = {};
      }
      if (item.title == "国内人才自身与合作者的非学术评价") {
        this.showYear = true;
        this.drawers = false;
        this.showTlf = true; // 层次
        this.showYears = false;
        this.growthshow = false; // 个人成长图使用
        this.growths = false; // 个人成长图使用
        this.middle = true;
        this.pageShow = true; // 分页公用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = true; // 导出按钮
        this.svgShow = true;
        this.xKWDshow = false; // 学科维度
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = true; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        console.log("this.exportNumsShow", this.exportNumsShow);
        // this.searchdata = {};
        // this.evaluateGet();
      }
      if (item.title == "国内人才与美国合作超过50次人才名单") {
        this.showYear = true;
        this.drawers = false;
        this.showTlf = true; // 层次
        this.showYears = false;
        this.middle = true;
        this.xKWDshow = false; // 学科维度
        this.growthshow = false; // 个人成长图使用
        this.growths = false; // 个人成长图使用
        this.exportNumsShow = true; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = true; // 分页公用
        this.svgShow = false;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = true; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title;
        // this.searchdata = {};
        // this.cooperation();
      }
      if (item.title == "学科人才机构对比") {
        this.showYear = true;
        this.drawers = true;
        this.showTlf = false; // 层次
        this.showYears = false;
        this.middle = true;
        this.xKWDshow = false; // 学科维度
        this.growthshow = false; // 个人成长图使用
        this.growths = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = true; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        // this.searchdata = {};
      }
      if (item.title == "H++指数分析") {
        this.showYear = true;
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYears = false;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.xKWDshow = false; // 学科维度
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        // this.searchdata = {};
      }
      if (item.title == "H++指数五年趋势") {
        this.showYears = true;
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYear = false;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.xKWDshow = false; // 学科维度
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        // this.searchdata = {};
      }
      if (item.title == "CA+指数五年趋势分析") {
        this.showYear = false;
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYears = true;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.xKWDshow = false; // 学科维度
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        // this.searchdata = {};
      }
      if (item.title == "CA+指数分析") {
        this.showYear = true;
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYears = false;
        this.middle = true;
        this.xKWDshow = false; // 学科维度
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        this.searchdata = {};
      }
      if (item.title == "G指数分析") {
        this.showYear = true;
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYears = false;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.xKWDshow = false; // 学科维度
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title;
        this.searchdata = {};
      }
      if (item.title == "G指数五年趋势") {
        this.showYear = false;
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYears = true;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title;
        this.xKWDshow = false; // 学科维度
        this.searchdata = {};
      }
      if (item.title == "国内外引进人才在专利方面的贡献对比") {
        this.showYear = false;
        this.drawers = true;
        this.showTlf = false; // 层次
        this.showYears = true;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title;
        this.xKWDshow = false; // 学科维度
        this.searchdata = {};
        this.chart_bar_data16 = [];
      }
      if (item.title == "各校学科人才平均数字画像分及排序") {
        this.showYear = true;
        this.drawers = true;
        this.showTlf = true; // 层次
        this.showYears = false;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.xKWDshow = false; // 学科维度
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title;
        this.searchdata = {};
      }
      if (item.title == "不同层次人才在学术论文方面的贡献") {
        this.showYear = false;
        this.drawers = true;
        this.showTlf = false; // 层次
        this.showYears = true;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.xKWDshow = false; // 学科维度
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title;
        this.searchdata = {};
        this.chart_bar_data12 = [];
      }
      if (item.title == "不同层次人才在专利转化方面的贡献") {
        this.showYear = false;
        this.drawers = true;
        this.showTlf = false; // 层次
        this.showYears = true;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.xKWDshow = false; // 学科维度
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.growth = false; // 引进人才个人成长变化对比分析
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title;
        this.searchdata = {};
        this.chart_bar_data13 = [];
      }
      if (item.title == "引进人才个人成长变化对比分析") {
        this.drawers = false;
        this.showYear = false;
        this.showTlf = false; // 层次
        this.showYears = true;
        this.middle = false;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.xKWDshow = false; // 学科维度
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = true; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        this.searchdata = {};
      }
      if (item.title == "国内外引进人才在学术论文方面的贡献对比") {
        this.drawers = true;
        this.showYear = false;
        this.showTlf = false; // 层次
        this.showYears = true;
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.xKWDshow = false; // 学科维度
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        this.searchdata = {};
        this.chart_bar_data15 = [];
      }
      if (item.title == "学科人才转化能力(专利转化所在国家对比)") {
        this.drawers = true;
        this.showYear = true;
        this.showYears = false;
        this.showTlf = true; // 层次
        this.middle = true;
        this.growths = false; // 个人成长图使用
        this.growthshow = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.xKWDshow = false; // 学科维度
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        this.searchdata = {};
      }
      if (item.title == "学科人才转化能力(国际专利转化绝对数量对比)") {
        this.drawers = true;
        this.showYear = true;
        this.showYears = false;
        this.middle = true;
        this.showTlf = true; // 层次
        this.growthshow = false; // 个人成长图使用
        this.growths = false; // 个人成长图使用
        this.exportNumsShow = false; // 导出按钮
        this.exportEvalShow = false; // 导出按钮
        this.pageShow = false; // 分页公用
        this.svgShow = true;
        this.xKWDshow = false; // 学科维度
        this.XueKe = false; // 学科人才机构比较
        this.CAShow = false; // CA+指数分析
        this.Ca5 = false; // ca5年趋势
        this.hNshow = false; // H++走势用
        this.Hnum5 = false; // H++5年趋势
        this.GShow = false; // G走势用
        this.Gh5 = false; // G指数5年趋势
        this.bring_patent = false; // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false; // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false; // 国内人才自身与合作者的非学术评价
        this.Portray = false; // 各校学科人才平均数字画像分及排序
        this.papers = false; // 不同层次人才在学术论文方面的贡献
        this.telentZl = false; // 不同层次人才在专利转化方面的贡献
        this.academic = false; // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false; // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false; // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false; // 引进人才个人成长变化对比分析
        this.BntTitle = item.title;
        this.searchdata = {};
      }
    },
  },
  beforeDestroy() {
    // off(window, 'resize', this.resize);
  },
};
</script>
<style scoped>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.svgs {
  width: 300px;
  height: 300px;
  margin: 100px 0px 0px -50px;
  /* text-align: center;
  line-height:650px */
}
.inputs >>> .ivu-form-item {
  margin-bottom: 10px;
}
.vis >>> .ivu-card-body {
  padding: 0px;
}
.drawers >>> .ivu-drawer-body {
  height: 100%;
}
.gh {
  height: 86vh;
}
.vis-left {
  height: 86vh;
  border-right: 1px solid #eeeeee;
}
.vis-right {
  height: 86vh;
  border-left: 1px solid #eee;
  overflow: scroll;
}
.vis-rights {
  height: 86vh;
  border-left: 1px solid #eee;
  overflow: scroll;
  width: 10rem;
}
.vis-left >>> .ivu-divider-horizontal {
  margin: 7px 0;
}
.left-title {
  font-size: 16px;
  margin-left: 10px;
}
.vis-list {
  margin-left: 10px;
}
.vis-left >>> .ivu-btn {
  padding: 0px 10px;
  font-size: 13px;
  /* border-radius:40px */
}
.vis-btns {
  margin: 10px 0px;
}
.set-btn {
  color: #fff;
  background-color: #19b2be;
  border-color: #19b2be;
}
.set-btn:hover {
  color: #fff;
  background-color: #19b2be;
  border-color: #19b2be;
}
.vis-btns-each {
  margin-right: 10px;
  margin: 2% 2% 0% 0%;
  /* border-radius: 4px; */
}
.active {
  background-color: #2d8cf0;
  color: rgb(247, 238, 238);
}
.vis-righ {
  padding: 2% 0% 0% 1%;
  /* font-size: 18px; */
}
.vis-export {
  margin-left: 2%;
}
.col-style {
  width: 250px;
  padding: 2% 0%;
}
.col-style1 {
  width: 210px;
  /* padding: 2% 0%; */
}
.line-style {
  padding: 2% 0%;
}
.name-input {
  margin-bottom: 2%;
}
</style>

<style lang="less" scoped>
.trans {
  transition: transform 0.2s ease;
}
@size: 40px;
.sider-trigger-a {
  padding: 6px;
  width: @size;
  height: @size;
  display: inline-block;
  text-align: center;
  color: #2d8cf0;
  margin-top: 12px;
  i {
    .trans;
    vertical-align: top;
  }
  &.collapsed i {
    transform: rotateZ(90deg);
    .trans;
  }
}
</style>
